<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>支付页面</title>
		<style type="text/css">
			@font-face {
				font-family: 'iconfont';
				src: url('../../static/css/font/iconfont.eot');
				src: url('../../static/css/font/iconfont.eot?#iefix') format('embedded-opentype'), url('../../static/css/font/iconfont.woff2') format('woff2'), url('../../static/css/font/iconfont.woff') format('woff'), url('../../static/css/font/iconfont.ttf') format('truetype'), url('../../static/css/font/iconfont.svg#iconfont') format('svg');
			}
			
			.iconfont {
				font-family: "iconfont" !important;
				font-size: 16px;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
		</style>
		<link rel="stylesheet" href="../../static/css/pay.css" />
		<script type="text/javascript" src="../../static/js/jquery-3.1.0.js"></script>
		<script type="text/javascript" src="../../static/js/pay.js"></script>
	</head>

	<body>
		<!--顶部-->
		<div class="layout-header clearfix layout-header-order login" id="layoutHeader">
			<div class="mzcontainer">
				<!--魅族商标-->
				<div class="layout-header-logo">
					<a class="layout-header-logo-link" target="_blank">
						<img src="../../static/img/1.png" style="max-width:125px;margin-top:28px;" />
					</a>
				</div>
				<ul class="layout-header-bread">
					<li class="layout-header-bread-block ">
						购物车
					</li>
					<li class="layout-header-bread-block active">
						确认订单
					</li>
					<li class="layout-header-bread-block ">
						在线支付
					</li>
					<li class="layout-header-bread-block ">
						完成
					</li>
				</ul>
				<ul class="layout-header-right">
					<li class="layout-header-right-item">
						<a class="layout-header-right-link" target="_blank">
							我的订单
						</a>
					</li>
					<li class="layout-header-right-item signout">
						<a class="layout-header-right-link">
							登录
						</a>
					</li>
					<li class="layout-header-right-item signout">
						<a class="layout-header-right-link" target="_blank">
							注册
						</a>
					</li>
					<li class="layout-member signin">
						<a class="layout-member-link" target="_blank">
							<span class="layout-member-username" id="topbarUser">我的小可爱不可爱了</span> 的商城
							<i class="layout-member-triangle"></i>
						</a>
						<ul class="layout-member-downmenu">
							<li class="layout-member-downmenu-item">
								<a class="layout-member-downmenu-link" target="_blank">
									地址管理
								</a>
							</li>
							<li class="layout-member-downmenu-item">
								<a class="layout-member-downmenu-link" target="_blank">
									我的收藏
								</a>
							</li>
							<li class="layout-member-downmenu-item" target="_blank">
								<a class="layout-member-downmenu-link" target="_blank">
									我的回购金
								</a>

							</li>
							<li class="layout-member-downmenu-item" target="_blank">
								<a class="layout-member-downmenu-link" target="_blank">
									问题反馈
								</a>
							</li>
							<li class="layout-member-downmenu-item" target="_blank">
								<a class="layout-member-downmenu-link" target="_blank">
									退出
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<!--中部样式-->
		<!--订单详情页面-->
		<div class="list-head">
			<div class="list-body">支付成功</div>
		</div>
		<div id="tableList" class="type-contain ui-load-container">
			<div class="ui-load-content">
				<input id="unPayNum" type="hidden" value="0" />
				<table class="orderItem">
					<tbody>
						<tr class="trHead">
							<td colspan="4" class="title clearfix">
								<div class="f-fl">
									下单时间：
									<span class="time">2019-08-08 11:18:04</span> 订单号：
									<span class="orderNumber">51080804181123160081</span>
									<a class="kefu j-kefu"> 联系客服</a>
								</div>
							</td>
						</tr>
						<tr class="list-box b-l b-r b-b">
							<td class="list b-r j-iamCart">
								<div class="cart-wrap j-CartWrap">
									<div class="shop j-shop">
										<div class="item b-t clearfix j-iamMain">
											<a class="productDetail nameWidth" target="_blank">
												<img src="../../static/img/cg.png" class="f-fl" />
											</a>
											<div class="describe f-fl ">
												<div class="vertic clearfix">
													<span class="clearfix">
																		<a class="productDetail nameWidth" target="_blank">
																			
                                          魅族 16s 全网通公开版 碳纤黑 6+128GB
																		</a>
																		<p >
                                           			 ￥2699
                                          			  ×1
                                          				</p>
																	</span>
												</div>
											</div>
											<input type="hidden" class="orderSn" value="51080804181123160081" />
											<input type="hidden" class="isCart" value="1" />
											<input class="orderSnSon" type="hidden" value="21080804181123162081" />
											<input type="hidden" class="supplierId" value="1" />
											<input type="hidden" class="supportXiaoneng" value="1" />
											<input type="hidden" class="brandName" value="魅族" />
										</div>
									</div>
								</div>
							</td>
							<td class="b-r w125 center price b-t">
								<div class="priceDiv">
									￥ 2699
									<span class="huabei j-huabei">花呗分期</span>
								</div>
							</td>
							<td class="b-r w125 center state b-t">
								<div class="stateDiv">
									<div>
										已成功<br>
									</div>
								</div>
							</td>
							<td class="w125 center opreat b-t">
								<ul>
									<li class="more">
										<a target="_blank">查看详情</a>
									</li>
								</ul>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
		<!--底部 -->
		<div class="meizu-footer">
			<div class="meizu-footer-link">
				<!--底部服务项目-->
				<div class="meizu-row">
					<ul class="meizu-footer-service">
						<li>
							<a>
								<img src="../../static/img/meizu49.png" />
								<span>满80免运费</span>
							</a>
						</li>
						<li>
							<a>
								<img src="../../static/img/meizu50.png" />
								<span>100+ 城市次日送达</span>
							</a>
						</li>
						<li>
							<a>
								<img src="../../static/img/meizu51.png" />
								<span>7天无理由退货</span>
							</a>
						</li>
						<li>
							<a>
								<img src="../../static/img/meizu52.png" />
								<span>15天换货保障</span>
							</a>
						</li>
						<li>
							<a>
								<img src="../../static/img/meizu53.png" />
								<span>1年免费保修</span>
							</a>
						</li>
						<li>
							<a>
								<img src="../../static/img/meizu54.png" />
								<span>上门快修</span>
							</a>
						</li>
					</ul>
					<div class="onlive-server">
						<span>周一至周日 7:30-24:00</span>
						<p class="tel">400-788-3333</p>
						<a class="onlive-btn">在线客服</a>
					</div>
				</div>
				<!--服务项目划线-->
				<hr class="foot-hr" />
				<!--底部了解详情-->
				<div class="meizu-footer-co">
					<div class="meizu-row-row">
						<div class="meizu-footer-info">
							<div class="meizu-footer-info-left">
								<ul class="clearfix">
									<li>
										<a><span>了解魅族</span></a>
									</li>
									<li>
										<a><span>加入我们</span></a>
									</li>
									<li>
										<a><span>联系我们</span></a>
									</li>
									<li>
										<a><span>Flyme</span></a>
									</li>
									<li>
										<a><span>魅族社区</span></a>
									</li>
									<li>
										<a><span>天猫旗舰店</span></a>
									</li>
									<li>
										<a><span>问题反馈</span></a>
									</li>
									<li>
										<a><span>线上销售授权名单公示</span></a>
									</li>
									<li>
										<a><span>出版物经营许可证证</span></a>
									</li>
									<li>
										<a><span>简体中文</span></a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="meizu-footer-certificate">
					©2019 Meizu Telecom Equipment Co., Ltd. All rights reserved.
					<a>粤ICP备13003602号</a>
					<a>合字B2-20170010</a>
					<a>营业执照</a>
					<a>法律声明</a>
					<span>粤公网安备 44049102496009号</span>
					<a></a>
					<a></a>
					<a></a>
				</div>
				<div class="ii-subscribe">
					<a><img src="../../static/img/meizu115.png" /></a>
					<span class="li-hr"></span>
					<a><img src="../../static/img/meizu116.png"></a>
					<span class="li-hr"></span>
					<a><img src="../../static/img/meizu117.png"></a>
				</div>
			</div>
		</div>
	</body>

</html>